<!DOCTYPE html>
<html lang="zh" style="font-size: 100px">
<head>
    <meta charset="UTF-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="icon" href="assets/icon/favicon.ico">
    <title>智能分析决策支撑数据大脑</title>
    <!-- build:css -->
    <link rel="stylesheet" href="lib3/css/base.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/4.4.0/css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="lib3/css/index3.css"/>
    <link rel="stylesheet" type="text/css" href="lib3/css/indexOther.css"/>
    <link rel="stylesheet" type="text/css" href="lib3/css/table.css"/>
    <!-- endbuild -->
    <!--<script src="assets/js/config/env.js"></script>-->
    <!--<script src="./js/swiper.min.js"></script>-->
    <script src="js/jquery.min.js"></script>
    <script src="js/storage.js"></script>
    <script src="js/ajax.js"></script>
    <!-- <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> -->
    <!-- 引入组件库 -->
    <!-- <script src="//unpkg.com/iview/dist/iview.min.js"></script> -->
    <!-- <script src="js/islogin.js"></script> -->
    <script>
      localStorage.setItem('@cxscreen/tokenPgAuth', 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiIDogImQzMDY1NGNkNTM5YzQ0ODQ5M2FjYjY0ZDQxNDFkYThiIiwgImlzcyIgOiAiaHR0cHM6Ly9xbXJ6Lm5ldCIsICJleHAiIDogMTYzMDIwNjE5OSwgImlhdCIgOiAxNjMwMTE5Nzk5LCAicm9sZSIgOiAiYXBpX2FpbG9ja19hbmFseXNpcyIsICJ1cHN0cmVhbV90b2tlbiIgOiAiZXlKMGVYQmxJam9pYW5kMElpd2lZV3huSWpvaVNGTXlOVFlpTENKMGVYQWlPaUpLVjFRaWZRLmV5SnNiMmRwYms1aGJXVWlPaUpqTUROa01qa3dNR0k0TURnME16ZzBZbVprWTJabFlURXlNamswTVRjek1pSXNJbVY0Y0NJNk1UWTJNRGt4TWpVM01Td2lkWE5sY2tsRUlqb2lZekF6WkRJNU1EQmlPREE0TkRNNE5HSm1aR05tWldFeE1qSTVOREUzTXpJaWZRLjFQbEVzamdjdS1jeFhGc09iZ2dWcmFOVTgwdUFycG5Lck85bnFodEk0V2MifQ.jc6LyqqxyrogRpBVwwSdUcQnVXe6tIXgNsrgYvk4MnE');
      var tokenPgAuth = localStorage.getItem('@cxscreen/tokenPgAuth');

      /*
      if (unlogin) {
          window.location.href = './index.html';
      } else {
          let localStg = new Storage({
              storage: localStorage,
              expires: 0,
              prefix: 'cxscreen',
          });
          var name = 'look_screen_10';
          var flag = false;
          let pagelist = localStg.get('Jurisdiction') || [];
          pagelist.forEach((val) => {
              let screenlist = (val.name).split('/')[2];
              if (screenlist == name) {
                  flag = true;
              }
          });
          if (!flag) {
              window.location.href = './homePage.html';
          }
      }
      */

      function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
          var pair = vars[i].split("=");
          if (pair[0] == variable) {
            return pair[1];
          }
        }
        return (false);
      }
    </script>
</head>
<body>
<div id="content-container">
    <img src="./lib3/img/title.png" alt="" class="title">
    <div class="tablebar">
        <img style="display:block;" class="house1" src="./lib3/img/house1.png" alt="">
        <img style="display:none;" class="house2" src="./lib3/img/house2.png" alt="">
        <img style="display:none;" class="person2" src="./lib3/img/person2.png" alt="">
        <img style="display:block;" class="person1" src="./lib3/img/person1.png" alt="">
    </div>
    <div class="content-container house-box" id="swiperWrapper" style="display: block;">
        <div class="swiper-container swiper-container-house">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!-- 一房多人居住manyPeoleInAHouse-->
                        <div class="head">一房多人居住总数：<span class="num manyPeoleInAHouseTotal1">0</span> 间</div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(0)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table manyPeoleInAHouseTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="60%">房间地址</th>
                                    <th width="20%">房间号</th>
                                    <th width="20%">在住人数</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!--              unusedInShortTime  短期没有使用/长期未活动-->
                        <div class="head">短期没有使用总数：<span class="num unusedInShortTimeTotal1">0</span></div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(1)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table unusedInShortTimeTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="50%">地址</th>
                                    <th width="15%">房间号</th>
                                    <th width="10%">钥匙数量</th>
                                    <th width="25%">最近一次开门时间</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!--                  frequentUseInNight 夜间频繁使用/短期异常活动-->
                        <div class="head">夜间使用频繁总数：<span class="num frequentUseInNightTotal1">0</span></div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(2)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table frequentUseInNightTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="50%">房屋地址</th>
                                    <th width="15%">房号</th>
                                    <th width="10%">钥匙数量</th>
                                    <th width="25%">当日开门总数</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <!-- 表格 -->
                    </div>
                </div>
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!--              frequentVisitors   访客来访频繁居住-->
                        <div class="head">访客来访频繁总数：<span class="num frequentVisitorsTotal1">0</span></div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(3)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table frequentVisitorsTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="60%">房屋地址</th>
                                    <th width="20%">房号</th>
                                    <th width="20%">当前周期内发放总数</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                        <!-- 表格 -->
                    </div>
                </div>
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!--              frequentReplacementOfTenants  更换房客频繁-->
                        <div class="head">更换访客频繁总数：<span class="num frequentReplacementOfTenantsTotal1">0</span> 间</div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(4)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table frequentReplacementOfTenantsTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="40%">房屋地址</th>
                                    <th width="12%">房间号</th>
                                    <th width="15%">发放钥匙数量</th>
                                    <th width="15%">失效钥匙数量</th>
                                    <th width="18%">当前有效钥匙数量</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="imgList">
            <div class="img-item active">
                <img class="img-icon1" src="./lib3/img/yfdr1.png" alt="">
                <img class="img-icon2"src="./lib3/img/yfdr2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="manyPeoleInAHouseTotal2">0</div>
            </div>
            <div class="img-item">
                <img class="img-icon1"src="./lib3/img/cqwhd1.png" alt="">
                <img class="img-icon2"src="./lib3/img/cqwhd2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="unusedInShortTimeTotal2">0</div>
            </div>
            <div class="img-item">
                <img class="img-icon1"src="./lib3/img/dqychd1.png" alt="">
                <img class="img-icon2"src="./lib3/img/dqychd2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="frequentUseInNightTotal2">0</div>
            </div>
            <div class="img-item">
                <img class="img-icon1"src="./lib3/img/fkpfjz1.png" alt="">
                <img class="img-icon2"src="./lib3/img/fkpfjz2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="frequentVisitorsTotal2">0</div>
            </div>
            <div class="img-item">
                <img class="img-icon1"src="./lib3/img/fkpfgh1.png" alt="">
                <img class="img-icon2"src="./lib3/img/fkpfgh2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="frequentReplacementOfTenantsTotal2">0</div>
            </div>
        </div>
        <div class="module-tip">
            <div class="tip-container" style="display: none;">
                <div class="imgBox">
                    <img src="./lib3/img/icon_close.png" class="close-tip">
                </div>
                <ul class="tips">
                    <li class="tip-item">
                        <p class="tip-title">一房多人居住</p>
                        <p class="tip-content">此出租房间当前入住了5位以上的房客</p>
                    </li>
                    <li class="tip-item">
                        <p class="tip-title">短期没有使用</p>
                        <p class="tip-content">此出租房间发放的所有有效房客钥匙中，在当前30天以上均无一人使用智能钥匙进行开门</p>
                    </li>
                    <li class="tip-item">
                        <p class="tip-title">夜间使用频繁</p>
                        <p class="tip-content">此出租房间在当前3天内的22:00-06:00时间段中，被房客共打开了10次以上</p>
                    </li>
                    <li class="tip-item">
                        <p class="tip-title">访客来访频繁</p>
                        <p class="tip-content">此出租房间在当前7天内发放了3把以上的不同访客钥匙</p>
                    </li>
                    <li class="tip-item">
                        <p class="tip-title">更换房客频繁</p>
                        <p class="tip-content">此出租房间在当前15天内更换了3位以上的不同房客</p>
                    </li>
                </ul>
            </div>
            <img class="tip-trigger" src="./lib3/img/icon_note.png">
        </div>
    </div>

    <!-- <div class="progressbars" id="progressBar">
            <div class="progressdiv" id="progressDIV">
                <div class="text"><span id="progressTitle">资源正在加载中</span> (<span id="progressNum">0</span>%)</div>
                <div class="progress"><div class="progress-striped" id="progressStriped"><div class="progress-bar"></div></div></div>
            </div>
        </div>-->

    <!--//以上house，以下，person-->
    <div class="content-container person-box" id="swiperWrapper1">
        <div class="swiper-container swiper-container-person">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!-- 夜间异常活动/夜间频繁活动 nocturnalAbnormalActivity  -->
                        <div class="head">夜间异常活动总数：<span class="num nocturnalAbnormalActivityTotal1">0</span></div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(0,1)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table nocturnalAbnormalActivityTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="20%">姓名</th>
                                    <th width="20%">联系方式</th>
                                    <th width="50%">地址</th>
                                    <th width="10%">房间号</th>

                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!--                    frequentRoomChangers  频繁换房人员   PFHF   -->
                        <div class="head">住所频繁更换总数：<span class="num frequentRoomChangersTotal1">0</span></div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(1,1)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table frequentRoomChangersTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="15%">姓名</th>
                                    <th width="55%">联系方式</th>
                                    <th width="40%">变动房间数量</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                    <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                    <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                    <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                    <div class="box">
                        <!-- manyRoomsForOneCertificate  一证多房 /一人多处住所   -->
                        <div class="head">一人多处住所总数：<span class="num manyRoomsForOneCertificateTotal1">0</span></div>
                        <div class="export-box">
                            <button type="button" onclick="btn_export(2,1)">导出</button>
                        </div>
                        <div class="table">
                            <table class="table-striped part3-dialog-table manyRoomsForOneCertificateTable" width="100%">
                                <thead>
                                <tr>
                                    <th width="15%">姓名</th>
                                    <th width="55%">联系方式</th>
                                    <th width="40%">入住房间数量</th>
                                </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="imgList">
            <div class="img-item1 active">
                <img class="img-icon1"src="./lib3/img/yjpfhd1.png" alt="">
                <img class="img-icon2"src="./lib3/img/yjpfhd2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="nocturnalAbnormalActivityTotal2">0</div>
            </div>
            <div class="img-item1">
                <img class="img-icon1" src="./lib3/img/pfhf1.png" alt="">
                <img class="img-icon2"src="./lib3/img/pfhf2.png" alt="">
                <div class="border-line" >
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="frequentRoomChangersTotal2">0</div>
            </div>
            <div class="img-item1">
                <img class="img-icon1"src="./lib3/img/yzdf1.png" alt="">
                <img class="img-icon2"src="./lib3/img/yzdf2.png" alt="">
                <div class="border-line">
                    <div class="transverse"></div>
                    <div class="vertical"></div>
                </div>
                <div class="total" id="manyRoomsForOneCertificateTotal2">0</div>
            </div>
        </div>
        <div class="module-tip">
            <div class="tip-container" style="display: none;">
                <div class="imgBox">
                    <img src="./lib3/img/icon_close.png" class="close-tip">
                </div>
                <ul class="tips">
                    <li class="tip-item">
                        <p class="tip-title">夜间异常活动</p>
                        <p class="tip-content">此房客在当前30天内，有3天以上在同一天的20:00-02:00和04:00-06:00之间同时开过门</p>
                    </li>
                    <li class="tip-item">
                        <p class="tip-title">住所频繁更换</p>
                        <p class="tip-content">此房客在当前30天内，更换了5间以上的不同出租房间</p>
                    </li>
                    <li class="tip-item">
                        <p class="tip-title">一人多处住所</p>
                        <p class="tip-content">此房客当前拥有5间不同出租房间的智能门锁钥匙</p>
                    </li>
                </ul>
            </div>
            <img class="tip-trigger" src="./lib3/img/icon_note.png">
        </div>
    </div>
</div>

<!--block-->
<div class="popup-bg" style="display:none"></div>
<div class="popup-transparnt-bg" style="display:block" id="loadingBox">
    <div class="loading-box">
        <img src="./lib3/img/loading.gif" alt="">
    </div>
</div>

<!-- 夜间异常活动人员信息弹框 -->
<div class="popup4 screen-container-wrapper popups" style="display: none;">
    <div class="content">
        <div class="master-info">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxs.png" alt="">
                <h5>夜间异常活动人员</h5>
                <img src="./lib3/img/yxs.png" alt="">
            </div>
            <div class="vertical-box">
                <img src="http://download.uidt.net/img/alpub/2021-05-28/13185290551.jpg" class="avatar">
                <div class="master-news" id="masterNews2">
                    <div class="item">
                        <div class="top">姓名</div>
                        <div class="bottom">陈九林</div>
                    </div>
                    <div class="item">
                        <div class="top">联系方式</div>
                        <div class="bottom">15557223781</div>
                    </div>
                    <div class="item">
                        <div class="top">身份证</div>
                        <div class="bottom">341623200203079015</div>
                    </div>
                    <div class="item">
                        <div class="top">房屋地址</div>
                        <div class="bottom">浙江省湖州市长兴县洪桥镇图影村委会图影花园紫薇苑24号</div>
                    </div>
                    <div class="item">
                        <div class="top">房间号</div>
                        <div class="bottom">201</div>
                    </div>
                </div>
                <img src="./lib3/img/ks.png" class="ks ks-l" alt="">
                <img src="./lib3/img/ks.png" class="ks ks-r" alt="">
            </div>
        </div>
        <div class="user-list" id="userList2">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxx.png" alt="">
                <h5>最近30天夜间开门记录</h5>
                <img src="./lib3/img/yxx.png" alt="">
            </div>
            <div class="userItems" id="userItems2">
                <div id="left-line"></div>
                <div id="right-line"></div>
            </div>
        </div>
        <img src="./lib3/img/close.png" class="close-popup" alt="">
    </div>
</div>

<!-- 住所频繁更换左右弹框 -->
<div class="popup7 screen-container-wrapper popups" style="display: none;">
    <div class="content">
        <div class="content-box">
            <div class="master-info">
                <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                <div class="titleText">
                    <img src="./lib3/img/zxd.png" alt="">
                    <h5 id="personDetaileTitle"></h5>
                    <img src="./lib3/img/yxd.png" alt="">
                </div>
                <div class="vertical-box">
                    <img src="lib3/img/mrtx.png" alt="" class="avatar">
                    <div class="master-news" id="verticalBox7">
                    </div>
                    <img src="./lib3/img/kh.png" class="kh kh-l" alt="">
                    <img src="./lib3/img/kh.png" class="kh kh-r" alt="">
                </div>
            </div>
            <div class="user-list">
                <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
                <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
                <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
                <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
                <div class="titleText">
                    <img src="./lib3/img/zxd.png" alt="">
                    <h5 id="houseDetaileTitle"></h5>
                    <img src="./lib3/img/yxd.png" alt="">
                </div>
                <div class="userItems" id="userItems7">
                </div>
            </div>
        </div>
        <img src="./lib3/img/close.png" class="close-popup" alt="">
    </div>
</div>

<!-- 房东信息弹框 -->
<div class="popup screen-container-wrapper popups" style="display:none;">
    <div class="content">
        <div class="master-info" id="masterInfo">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxs.png" alt="">
                <h5>房东信息</h5>
                <img src="./lib3/img/yxs.png" alt="">
            </div>
            <div class="master-news" id="masterNews">
            </div>
            <img src="./lib3/img/ks.png" class="ks ks-l" alt="">
            <img src="./lib3/img/ks.png" class="ks ks-r" alt="">
        </div>
        <div class="user-list" id="userList">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxx.png" alt="">
                <h5>当前入住的人员情况</h5>
                <img src="./lib3/img/yxx.png" alt="">
            </div>
            <div class="userItems" id="userItems">
            </div>
        </div>
        <img src="./lib3/img/close.png" class="close-popup" alt="">
    </div>
</div>
<!--周期内发放的钥匙情况-->
<div class="popup5-1 screen-container-wrapper popups" style="display:none;">
    <div class="content">
        <div class="master-info" id="masterInfo5">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxs.png" alt="">
                <h5>房东信息</h5>
                <img src="./lib3/img/yxs.png" alt="">
            </div>
            <div class="master-news" id="masterNews5">

            </div>
            <img src="./lib3/img/ks.png" class="ks ks-l" alt="">
            <img src="./lib3/img/ks.png" class="ks ks-r" alt="">
        </div>
        <div class="user-list">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxx.png" alt="">
                <h5>周期内发放的钥匙情况</h5>
                <img src="./lib3/img/yxx.png" alt="">
            </div>
            <div class="userItems" id="theCycleBoxList">
            </div>
        </div>
        <img src="./lib3/img/close.png" class="close-popup" alt="">
    </div>
</div>

<!-- 访客基本情况弹框 -->
<div class="popup1 popups screen-container-wrapper" style="display: none;">
    <div class="content">
        <div class="master-info">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxs.png" alt="">
                <h5>访客基本情况</h5>
                <img src="./lib3/img/yxs.png" alt="">
            </div>
            <div class="master-news" id="visitorBox">

                <!--       <div class="item">
                           <img src="./lib3/img/icon_fk.png" alt="" class="left">
                           <div class="right">
                               <div class="phone">18184678345</div>
                               <div class="bottom">
                                   <div class="giveTime">发放时间：<span class="yellow">2021-08-13 19:24:48</span></div>
                                   <div class="latelyTime">最近一次使用时间：<span class="yellow">2021-08-13 19:24:48</span></div>
                                   <div class="nums">有效钥匙数量：<span class="yellow">90</span></div>
                               </div>
                           </div>
                       </div>
                       <div class="item">
                           <img src="./lib3/img/icon_fk.png" alt="" class="left">
                           <div class="right">
                               <div class="phone">18184678345</div>
                               <div class="bottom">
                                   <div class="giveTime">发放时间：<span class="yellow">2021-08-13 19:24:48</span></div>
                                   <div class="latelyTime">最近一次使用时间：<span class="yellow">2021-08-13 19:24:48</span></div>
                                   <div class="nums">有效钥匙数量：<span class="yellow">90</span></div>
                               </div>
                           </div>
                       </div>
                       <div class="item">
                           <img src="./lib3/img/icon_fk.png" alt="" class="left">
                           <div class="right">
                               <div class="phone">18184678345</div>
                               <div class="bottom">
                                   <div class="giveTime">发放时间：<span class="yellow">2021-08-13 19:24:48</span></div>
                                   <div class="latelyTime">最近一次使用时间：<span class="yellow">2021-08-13 19:24:48</span></div>
                                   <div class="nums">有效钥匙数量：<span class="yellow">90</span></div>
                               </div>
                           </div>
                       </div>-->
            </div>
        </div>
        <img src="./lib3/img/close.png" class="close-popup" alt="">
    </div>
</div>

<!-- 最近7天内的开门行为分析弹框 -->
<div class="popup2 popups screen-container-wrapper" style="display: none;">
    <div class="content">
        <div class="master-info">
            <img class="border border-lb" src="./lib3/img/lbc.png" alt="">
            <img class="border border-lt" src="./lib3/img/ltc.png" alt="">
            <img class="border border-rb" src="./lib3/img/rbc.png" alt="">
            <img class="border border-rt" src="./lib3/img/rtc.png" alt="">
            <div class="titleText">
                <img src="./lib3/img/zxs.png" alt="">
                <h5>最近7天内的开门行为分析</h5>
                <img src="./lib3/img/yxs.png" alt="">
            </div>
            <div class="master-news" id="lately7DayNews">

            </div>
        </div>
        <img src="./lib3/img/close.png" class="close-popup" alt="">
    </div>
</div>
</body>
<!--<script src="lib3/js/progress.js"></script>-->
<script src="js/jquery.dataTablesPg.js"></script>
<script src="js/echarts.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/Swiper/4.4.0/js/swiper.min.js"></script>
<!--<script src="//vuejs.org/js/vue.min.js"></script>-->
<script src="lib3/js/PgApiUtils.js"></script>
<script src="lib3/js/request.js"></script> <!--请求的例子-->
<!-- build:js1 -->
<script src="./lib3/js/common.js"></script>
<script src="lib3/js/resize.js"></script>
<script src="lib3/js/adk1.js?v=1.0"></script>
<script src="lib3/js/adk5.js?v=1.0"></script>
<script src="lib3/js/adk4.js?v=1.0"></script>
<script src="lib3/js/adk3.js?v=1.0"></script>
<script src="lib3/js/adk2.js?v=1.0"></script>

<script src="lib3/js/adk6.js?v=1.0"></script>
<script src="lib3/js/adk7.js?v=1.0"></script>
<script src="lib3/js/adk8.js?v=1.0"></script>

<script src="lib3/js/index.js?v=1.0"></script>


<script src="lib3/js/JsonExportExcel.min.js?v=1.0"></script>
<script src="lib3/js/index.js?v=1.0"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js"></script>

</html>
